.root  {
	-fx-background-color:#023f50;
}

.text-field {
	-fx-font-size: 15px;
}

.label {
	-fx-text-fill: white;
}

.fontawesome {
    -fx-font-family: FontAwesome;
}

.fontawesome12 {
    -fx-font-family: FontAwesome;
    -fx-font-size: 12;
}

.fontawesome15 {
    -fx-font-family: FontAwesome;
    -fx-font-size: 15;
}

.list-cell {
	-fx-background-color:white;
}

.overduepanel {
	-fx-background-color: #595959;
}

.monthHeading {
	-fx-background-color: #1d5a6b;
}

.dayHeading {
	-fx-background-color: #e1405f;
}

.calendarTable {
	-fx-background-color: #1d5a6b;
}

/*hide all horizontal scrollbars */
.list-view .scroll-bar:horizontal .increment-arrow,
.list-view .scroll-bar:horizontal .decrement-arrow,
.list-view .scroll-bar:horizontal .increment-button,
.list-view .scroll-bar:horizontal .decrement-button {
    -fx-padding:-1;
}

/*disable highlight of list-view */
.list-view:focused {
  -fx-background-color: transparent,-fx-box-border,-fx-control-inner-background;
  -fx-background-insets: -1.4, 0, 1;
  -fx-background-radius: 1.4, 0, 0;
  -fx-padding: 1;
}

/* Make all listview borders gray */
.list-view {
	-fx-border-color:derive(gray,80%);
	-fx-fill: black;
}

/*Make font white*/
.whitefont {
	-fx-text-fill: white;
}

.text-input, .text-input:focused { 
	-fx-prompt-text-fill:darkgray;
}

/* ------------------------------------------------------------------------------------- */
/** CSS for Timed Task **/
/* ------------------------------------------------------------------------------------- */
.listpanel {
	-fx-background-color: #009dae;
} 

.timedListCell {
	-fx-background-color: #2db0be;
}

.timedListCell:selected .listpanel{
	-fx-background-color: #027c8d;
}

/* The main scrollbar CSS class of ListView */
.mylistview .scroll-bar:horizontal ,
.mylistview  .scroll-bar:vertical{
    -fx-background-color:transparent;

}

/* The increment and decrement button CSS class of scrollbar */
.mylistview .increment-button ,.mylistview .decrement-button {
    -fx-background-color:#007d8b;
	-fx-border-color: #007d8b;
}

/* The main scrollbar **track** CSS class  */
.mylistview .scroll-bar:horizontal .track ,
.mylistview .scroll-bar:vertical .track{
     -fx-background-color: #007d8b;
	 -fx-border-color:#007d8b;
	 -fx-background-radius: 0em;
	 -fx-opacity: 0.8;
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.mylistview .scroll-bar:horizontal .thumb,
.mylistview .scroll-bar:vertical .thumb {
    -fx-background-color:#007d8b;
	-fx-background-insets: 0, 0, 0;
	-fx-background-radius: 0em;

}

/* The main scrollbar **track** CSS class on event of "hover" and "pressed" */

.mylistview .scroll-bar:horizontal:hover .track ,
.mylistview .scroll-bar:horizontal:pressed .track ,
.mylistview .scroll-bar:vertical:hover .track,
.mylistview .scroll-bar:vertical:pressed .track{
     -fx-background-color: #007d8b;
	 -fx-opacity: 0.8;
	 -fx-background-radius: 0em;

}

/* The main scrollbar **thumb** CSS class on event of "hover" and "pressed" */
.mylistview .scroll-bar .thumb:hover,
.mylistview .scroll-bar .thumb:pressed{
    -fx-background-color: #007d8b;
}

.mylistview .increment-button:hover ,.mylistview .decrement-button:hover {
    -fx-background-color:#007d8b;
	-fx-border-color:#007d8b;
}


/* ------------------------------------------------------------------------------------- */
/** CSS for Deadline Task **/
/* ------------------------------------------------------------------------------------- */

/*Set color for deadline Task*/
.deadlistpanel {
	-fx-background-color: #d9532e;
} 

.deadListCell {
	-fx-background-color: #d96e51;
}

.deadListCell:selected .deadlistpanel{
	-fx-background-color: #c9330d;
}

/* The main scrollbar CSS class of ListView */
.deadList .scroll-bar:horizontal ,
.deadList .scroll-bar:vertical{
    -fx-background-color:transparent;

}

/* The increment and decrement button CSS class of scrollbar */
.deadList .increment-button ,.deadList .decrement-button {
    -fx-background-color:#b12b0b;
	-fx-border-color: #b12b0b;
}

/* The main scrollbar **track** CSS class  */
.deadList .scroll-bar:horizontal .track ,
.deadList .scroll-bar:vertical .track{
     -fx-background-color: #b12b0b;
	 -fx-border-color:#b12b0b;
	 -fx-background-radius: 0em;
	 -fx-opacity: 0.8;
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.deadList .scroll-bar:horizontal .thumb,
.deadList .scroll-bar:vertical .thumb {
    -fx-background-color:#b12b0b;
	-fx-background-insets: 0, 0, 0;
	-fx-background-radius: 0em;

}

/* The main scrollbar **track** CSS class on event of "hover" and "pressed" */

.deadList .scroll-bar:horizontal:hover .track ,
.deadList .scroll-bar:horizontal:pressed .track ,
.deadList .scroll-bar:vertical:hover .track,
.deadList .scroll-bar:vertical:pressed .track{
     -fx-background-color: #b12b0b;
	 -fx-opacity: 0.8;
	 -fx-background-radius: 0em;

}

/* The main scrollbar **thumb** CSS class on event of "hover" and "pressed" */
.deadList .scroll-bar .thumb:hover,
.deadList .scroll-bar .thumb:pressed{
    -fx-background-color: #b12b0b;
}

.deadList .increment-button:hover ,.deadList .decrement-button:hover {
    -fx-background-color:#b12b0b;
	-fx-border-color:#b12b0b;
}

/* ------------------------------------------------------------------------------------- */
/** CSS for Float Task **/
/* ------------------------------------------------------------------------------------- */

/*Set color for Float Task*/
.floatlistpanel {
	-fx-background-color: #2eac39;
}

.floatListCell {
	-fx-background-color: #37bc43;
}

.floatListCell:selected .floatlistpanel  {
	-fx-background-color: #0d8a18;
}

/* The main scrollbar CSS class of ListView */
.floatList .scroll-bar:horizontal ,
.floatList .scroll-bar:vertical{
    -fx-background-color:transparent;

}

/* The increment and decrement button CSS class of scrollbar */
.floatList .increment-button ,.floatList .decrement-button {
    -fx-background-color:#04720f;
	-fx-border-color: #04720f;
}

/* The main scrollbar **track** CSS class  */
.floatList .scroll-bar:horizontal .track ,
.floatList .scroll-bar:vertical .track{
     -fx-background-color: #04720f;
	 -fx-border-color:#04720f;
	 -fx-background-radius: 0em;
	 -fx-opacity: 0.8;
}

/* The main scrollbar **thumb** CSS class which we drag every time (movable) */
.floatList .scroll-bar:horizontal .thumb,
.floatList .scroll-bar:vertical .thumb {
    -fx-background-color:#04720f;
	-fx-background-insets: 0, 0, 0;
	-fx-background-radius: 0em;

}

/* The main scrollbar **track** CSS class on event of "hover" and "pressed" */

.floatList .scroll-bar:horizontal:hover .track ,
.floatList .scroll-bar:horizontal:pressed .track ,
.floatList .scroll-bar:vertical:hover .track,
.floatList .scroll-bar:vertical:pressed .track{
     -fx-background-color: #04720f;
	 -fx-opacity: 0.8;
	 -fx-background-radius: 0em;

}

/* The main scrollbar **thumb** CSS class on event of "hover" and "pressed" */
.floatList .scroll-bar .thumb:hover,
.floatList .scroll-bar .thumb:pressed{
    -fx-background-color: #04720f;
}

.floatList .increment-button:hover ,.floatList .decrement-button:hover {
    -fx-background-color:#04720f;
	-fx-border-color:#04720f;
}


